<template>
    <div class="box">
        <h4>孙组件标题</h4>
        <div>祖先传的 content1: {{ content1 }}</div>
        <div>祖先传的 content2: {{ content2.name }}</div>
        <button @click="changeContent1">调用祖先传过来的函数</button>
    </div>
</template>

<script>
export default {
    name: "GrandChild",
    // 1. 数组形式
    inject: ['content1', 'content2', 'changeContent1']
    // 2. 配置对象形式
    // inject: {
    //     content1: {
    //         type: String
    //     },
    //     content2: {
    //         type: Object
    //     },
    // }
};
</script>
